<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
<!--新增分类页面-->
<head >
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <script type="text/javascript" th:src="${application.staticUrl}+'base/category/jqueryUploader/jQuery.upload.js'"></script>
</head>
<head th:include="frame/fm/res :: categoryCss"/>

<head>
    <script th:inline="JavaScript">
        var categoryId = [[${categoryId}]];
        var menuId = [[${menuId}]];
    </script>
    <style type="text/css">
        .form-row{
            float: left;
            width: 30%;
            padding: 20px;
        }
    </style>
</head>
<body>

<div>
    <input type="hidden" id="cateId" />
    <!-- Main Content -->
    <div class="page-wrapper">
        <div class="container-fluid">
            <span th:replace="frame/fm/res :: breadcrumb"></span>
            <!-- Row -->
            <div class="row">
                <div class="col-sm-12 col-xs-12 col-md-12 " style="background-color: white;">
                    <div class="form-wrap">
                        <!--return addCategory.commitAdd(this);-->
                        <!--<form onsubmit="" action="" class="form-horizontal">-->
                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">分类名称</div>
                                    <input type="text" class="form-control" id="categoryName" placeholder="输入名称..."/>
                                </div>
                            </div>
                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">分类类型</div>
                                    <select id="categoryType" class="form-control" data-placeholder="输入类型..." placeholder="必填"  tabindex="1" onchange="addCategory.queryAllCategory()">
                                        <option value="notice">信息管理</option>
                                        <option value="lesson">课程</option>
                                        <option value="lessonVid">视频</option>
                                        <!--<option value="lessonType">直播</option>-->
                                    </select>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">层级</div>
                                    <input type="text" class="form-control" id="categoryLevel" placeholder="输入层级..."/>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</div>
                                    <input type="text" class="form-control" id="sn" placeholder="输入序号..."/>
                                </div>
                            </div>

                            <div class="form-group form-row">
                                <div class="input-group">
                                    <div class="input-group-addon">父级名称</div>
                                    <span >
                                            <select id="parentInfo" class="form-control" >

                                            </select>
                                        </span>
                                </div>
                            </div>
                            <div class="form-group form-row">
                            <div id="saveNameCategoryBtn" target="_blank" onclick="return addCategory.addCategoryInfo();" style="display: block;">
                                <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 120px;height:40px;">
                                    <i class="icon-plus-SaveNoticeCont"></i>
                                </button>
                            </div></div>

                            <div class="form-group form-row">
                                <div class="input-group" style="margin-left:-667px;display:none" id="categoryPic">
                                    <div class="input-group-addon">分类图片</div>

                                    <!--头部，相册选择和格式选择-->
                                    <span ><div id="imgDesDiv" style="float:left">
                                        <!-- 公告图片start -->
                                        <div class="case" id="ntImgDiv">
                                            <div class="upload" style="width:210px;" id='case' data-size="200" data-width="50" data-height="50" data-num="1" ></div>
                                            <!--  保存图片顺序
                                            <div id="saveImgSn" onclick="saveImgSn()" style="padding-top:10px;float:right;">
                                                <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 140px;">
                                                    <i class="icon-plus-addNoticeImgSn"></i>
                                                </button>
                                            </div>-->
                                        </div>
                                        <!--  公告图片 end-->

                                    </div></span>
                                </div>
                            </div>

                            <!--<div class="form-actions mt-10">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-offset-4 col-md-9" style="padding-bottom: 20px;">
                                                <button type="submit" id="commit" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-heart-com"></i></button>
                                                <button type="button" id="cancel" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;margin-left:20px"><i class="icon-shield-qx"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6"> </div>
                                </div>
                            </div>-->

                        <!--</form>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--角色管理列表页-->
<span th:include="frame/fm/res :: headerTableJs"></span>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/category/js/addCategory.js'"></script>
</html>